<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>住哪儿</title>
    <link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
    <script src="js/vue.js"></script>
    <script src="element-ui/lib/index.js"></script>
</head>
<body>
<div id="app">
    <el-container style="text-align: center; margin-top: 100px;">
        <el-header>
            <h1>住哪儿</h1>
            <p>为流离失所的人提供住处</p>
        </el-header>
        <el-main>

        </el-main>
        <el-footer style="margin-top: 20px;">
            <el-button type="primary" @click="handleUnifiedAuth"
                       style="width: 200px; height: 60px; margin-bottom: 20px;">统一身份认证
            </el-button>
            <br>
            <el-button type="success" @click="handleAdminLogin"
                       style="width: 200px; height: 60px; margin-bottom: 20px;">管理员登录
            </el-button>
            <br>
            <el-button type="info" @click="touristAccess" style="width: 200px; height: 60px;">游客访问
            </el-button>
        </el-footer>
    </el-container>
</div>

<script>

    new Vue({
        el: '#app',
        methods: {
            handleUnifiedAuth() {
                window.location.href = 'login.html';
            },
            handleAdminLogin() {
                window.location.href = 'admin_login.html';
            },
            touristAccess() {
                window.location.href = 'client.html';
            }
        }
    });
</script>
</body>
</html>
